import React from 'react';
import ReactDOM from 'react-dom';
class App extends React.Component {
    constructor() {
        super();
        this.state = {
          name:555
        }
    }
    // static getDerivedStateFromProps(props,state){
    //   // 主要是为了把 props 合并到state; 把父亲给的数据转成自己的数据
    //   // 必须返回一个对象， 会被这个对象合并到 state中
    //   console.log(props,state)
    //   return {
    //     ...props,
    //     www:123
    //   }
    // }
    // componentWillMount(){
    //   // 类似于vue的 beforeMounte  后期这个函数要被废除
    // }
    componentDidMount(){
      // 类似vue的mounted
    }
    // componentWillReceiveProps(newProps){
    //   // 当父组件传进来的 props更新的时候 会触发这个函数； 后期这个函数要被废除
    // }
    shouldComponentUpdate(newProps,newState){
      // 是用来提升组件的编译效率的
      return true
    }
    // componentWillUpdate(){
    //   // 后期这个函数要被废除 类似于vue的beforeUpdate
    // }
    componentDidUpdate(){
      // 类似于vue的 updated  不能调用setState()
    }
    componentWillUnmount(){
      //组件将要被销毁的时候 触发  类似于vue的 beforeDestroy
    }
    render() {
      console.log(this.state)
        return <div className=''>

        </div>;
    }
}

ReactDOM.render(<App className='qqq'/>,document.getElementById('root'))